<!DOCTYPE html>
<html>
    <head>
        <title>home site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href='css/bootstrap.css' rel='stylesheet' type='text/css'>
        <link href='css/jquery.jscrollpane.css' rel='stylesheet' type='text/css'>
        <link href='fonts/style.css' rel='stylesheet' type='text/css'>
        <link href='style.css' rel='stylesheet' type='text/css'>
        <!--[if IE 9 ]> <link href='css/ie9.css' rel='stylesheet' type='text/css'> <![endif]-->
        <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.mousewheel.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.jscrollpane.min.js"></script>
        <script type="text/javascript" language="javascript" src="js/custom.js"></script>
        <!--<script type="text/javascript" language="javascript" src="js/jquery-slider.js"></script>-->
        <!--BEGIN SLIDE IMG PRODUCT-->
        <link href='css/base.css' rel='stylesheet' type='text/css'>
        <script type="text/javascript" language="javascript" src="js/jquery.pikachoose.min.js"></script>
        <!--END SLIDE IMG PRODUCT-->

    </head>
    <body>
        <div class="w100p wrapper rsmp">
            <div class="wrapperheader w100p rsmp relative">
                <div class="mc w970 h75 relative">
                    <a href="#" class="absolute logo"><img src="images/prd/0.png"/></a>
                    <ul class="topmenu utility fr">
                        <li class="wtb"><a href="#">Where to Buy&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="wtb"><a href="#">View cart&nbsp;&nbsp;&nbsp;/</a></li>
                        <li class="flag"><a href="#">Where to Buy</a></li>
                    </ul>
                    <div class="clr"></div>
                    <ul class="topmenu mainmenu fl">
                        <li><a href="#">Our Mission</a><span></span></li>
                        <li><a href="#">Our Practices</a><span></span></li>
                        <li>
                            <a href="#">Our Foods</a><span></span>
                            <ul class="sub-menu">
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                                <li><a href="#">Our Practices</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Recipes</a><span></span></li>
                        <li><a href="#">Giving Back</a><span></span></li>
                    </ul>
                    <div class="fr search">
                        <input type="text" placeholder="Search"/>
                        <input type="submit" value="searrch"/>
                    </div>
                    <div class="absolute topbreadcrumb z50">
                        <div class="breadcrumbs-plus">
                            <a href="http://www.annies.com/" rel="home" class="breadcrumbs-begin">Home</a><span class="breadcrumbs-separator">/</span>
                            <a href="http://www.annies.com/our-practices/" title="Our Practices">Our Practices</a> <span class="breadcrumbs-separator">/</span> Real Ingredients</div>
                    </div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="topbanner">
                <div class="w970 jh460 mc">
                    <div class="fl">
                        <img src="images/prd/16.jpg" />
                    </div>
                    <div class="fr">
                        <h1>Class Macaroni & Cheese(6oz)</h1>
                        <div class="circle">
                            <div class="fl"></div>
                            <div class="fl"></div>
                            <div class="fl"></div>
                            <div class="clr"></div>
                        </div>
                        <div class="rate">

                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrappermain w100p rsmp">
                <div class="topmain"></div>
                <div class="clr"></div>
                <div class="contentmain">
                    <div class="w970 mc ourfoods detail recipe">
                        <div class="fl">
                            <h1>Preparation</h1>
                            <ol>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                            </ol>
                        </div>
                        <div class="fr relative">
                            <img src="images/prd/7.png" class="absolute"/>
                            <p>Looking to buy locally?</p>
                            <div class="link">
                                <a href="#" class="findaretail"></a>
                                <a href="#" class="shoponline"></a>
                            </div>
                            <h1>Ingredients</h1>
                            <ul>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                                <li>Boil water and cook two boxes of noodles per instructions.</li>
                            </ul>
                        </div>
                        <div class="clr"></div>
                        <div class="related">
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                            <div class="fr relative">
                                <img src="images/prd/15.jpg" />
                                <a href="#">Curly Fettuccine</a>
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="wrapperfooter w100p rsmp">
                <div class="mc w970 top">
                    <div class="cols col1"></div>
                    <div class="cols col2"></div>
                    <div class="cols col3"></div>
                </div>
                <div class="clr"></div>
                <div class="mc w970 copyrights">
                    <div class="inner">
                        <div class="copy-text">Copyright 2013 Annie's Homegrown, Inc. </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
